<template>
  <div class="city">
      <city-header></city-header>
      <City-hot></City-hot>
      <City-sort></City-sort>
      <City-list></City-list>
  </div>

</template>

<script>
  import CityHeader from "./pages/Header.vue";
  import CityHot from "./pages/Hot.vue"
  import CitySort from "./pages/Sort.vue"
  import CityList from "./pages/List.vue"
  export default{
    components:{
      CityHeader,
      CityHot,
      CitySort,
      CityList
    }
  }
</script>

<style scoped>
.city{
  background:#f5f5f5;
}
</style>
